@use "../../styles/common.module.scss"as *;

.editor_view {
  position      : absolute;
  top           : 0px;
  left          : 0px;
  right         : 0px;
  bottom        : 0px;
  user-select   : none;
  display       : flex;
  flex-direction: column;
  opacity       : 0.75;
  transition    : opacity 200ms;

  &.editor_view_actived {
    opacity: 1;
  }

  .editor_content {
    flex    : 1;
    position: relative;
    border  : 1px solid #88888833;
    z-index : 0;
    overflow: hidden;

    &>.docking_rect {
      background-color: #888888;
      position        : absolute;
      pointer-events  : none;
      transition      : all 0.1s;
      opacity         : 0;
      z-index         : $z_idx_editor_view_docking_indicator;
    }

    &>.docking_rect_active {
      opacity: 0.3;
    }
  }
}